<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        
        <title>3D Developers</title>
        
        <!-- font -->
        <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
        
        <!-- styles -->
        <link href="css/bootstrap.min.css" rel="stylesheet"/>
        <link href="css/style.css" rel="stylesheet"/>
    </head>
    <body class="home">
        <div class="container">
            <div class="header">
                header header header header header header header header header header header header header header header header 
                header header header header header header header header header header header header header header header header 
                header header header header header header header header header header header header header header header header 
                header header header header header header header header header header header header
            </div>
        </div>
        
        <div class="banner">
            <div id="banners" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner" role="listbox">
                    <div class="item active">
                        <img src="img/slider1.png"/>
                    </div>
                    <div class="item">
                        <img src="img/slider2.png"/>
                    </div>
                    <div class="item">
                        <img src="img/slider3.png"/>
                    </div>
                </div>

                <a class="left carousel-control" href="#banners" role="button" data-slide="prev">

                    <span class="sr-only">Previous</span>
                </a>
                <a class="right carousel-control" href="#banners" role="button" data-slide="next">

                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        
        <div class="wrapper1">
            <div class="container">
                <div class="row">
                    <div class="col-sm-3 col-lg-3">
                        <a class="single" href="">
                            <div class="imgDiv">
                                <img class="img-responsive" src="img/1.png"/>
                            </div>
                            <div class="foot foot1">
                                A COST EFFECTIVE<br/> SOLUTION
                            </div>
                        </a>
                    </div>
                    <div class="col-sm-3 col-lg-3">
                        <a class="single" href="">
                            <div class="imgDiv">
                                <img class="img-responsive" src="img/2.png"/>
                            </div>
                            <div class="foot foot2">
                                FIRST MOVER<br/> ADVANTAGE
                            </div>
                        </a> 
                    </div>
                    <div class="col-sm-3 col-lg-3">
                        <a class="single" href="">
                            <div class="imgDiv">
                                <img class="img-responsive" src="img/3.png"/>
                            </div>
                            <div class="foot foot3">
                                CUSTOMIZE YOUR<br/> DESIGN 
                            </div>
                        </a> 
                    </div>
                    <div class="col-sm-3 col-lg-3">
                        <a class="single" href="">
                            <div class="imgDiv">
                                <img class="img-responsive" src="img/4.png"/>
                            </div>
                            <div class="foot foot4">
                                GOOD FOR THE<br/> ENVIRONMENT
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="wrapper2">
            <div class="container">
                <div class="title">
                    Watch How it All Works
                </div>
                <div class="row">
                    <div class="col-sm-4">
                        <a class="single" href="javascript:;">
                            <img class="img-responsive" src="img/5.png"></img>
                            <i class="icon-video"></i>
                        </a>
                    </div>
                    <div class="col-sm-4">
                        <a class="single" href="javascript:;">
                            <img class="img-responsive" src="img/5.png"></img>
                            <i class="icon-video"></i>
                        </a>
                    </div>
                    <div class="col-sm-4">
                        <a class="single" href="javascript:;">
                            <img class="img-responsive" src="img/5.png"></img>
                            <i class="icon-video"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="wrapper3">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6">
                        key features key features key features key features key features key features key features 
                        key features key features key features key features key features key features key features 
                        key features key features key features key features key features key features key features 
                        key features key features key features key features key features key features key features 
                        key features key features key features key features key features key features key features 
                        key features key features key features key features key features key features key features 
                        key features key features key features key features key features key features key features 
                    </div>
                    <div class="col-sm-6">
                        what client say what client say what client say what client say what client say what client say 
                        what client say what client say what client say what client say what client say what client say 
                        what client say what client say what client say what client say what client say what client say 
                        what client say what client say what client say what client say what client say what client say 
                        what client say what client say what client say what client say what client say what client say 
                        what client say what client say what client say what client say what client say what client say 
                        what client say what client say what client say what client say what client say what client say 
                    </div>
                </div>
            </div>
        </div>
        
        <div class="wrapper4 mapsOuter">
            <div class="bar">
                <div class="container">
                    <span class="title">OUR PROJECT LOCATIONS</span> 
                    <div class="searchDiv">
                        <form>
                            <input type="search" placeholder="Search"/>
                        </form>
                    </div>
                    <div class="mapbuttons">
                        <a class="home" href="javascript:;"></a>
                        <a class="plus" href="javascript:;"></a>
                        <a class="minus" href="javascript:;"></a>
                    </div>
                </div>
            </div>
            <div class="maps">
                <div class="container">
                    <img src="img/6.png"></img>
                </div>
            </div>
        </div>
        
        <div class="wrapper5 footer">
            <div class="container">
                <div class="row">
                    <div class="col-sm-4">
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                    </div>
                    <div class="col-sm-4">
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                    </div>
                    <div class="col-sm-4">
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                        quick links quick links quick links quick links quick links quick links quick links 
                    </div>
                </div>
            </div>
        </div>
        
        <div class="wrapper5 footerlogodiv">
            <div class="container">
                <div class="footerlogo">
                    <img src="img/logo.png"></img>
                </div>
                <div class="text">
                    Reserve a franchise - Learn More and Invest in 3dbuildingprint projects
                </div>
            </div>
        </div>
        
        <!-- scripts -->
        <script src="js/jquery-1.11.3.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/home.js"></script>    
    </body>
</html>